<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8"/>
	<title>刘文元茅山奇门遁甲排盘在线排盘</title>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<style>
		.container { height: 800px; width: 1430px; background: yellow;}
		.container .tableBox { height: 100%; width: 350px; background: red;position:absolute;right:0px; }
		.container .tableBox .trBox { background: green; height: 100px; }
		.container .tableBox .trBox .tdBox { width: 80px; padding-left: 20px; }
	</style>
</head>
<body>
<div class="container">
	<div class="tableBox">
		<div id="sizhu">
			 四柱 ： ${sizhu.year}      ${sizhu.month}
			     ${sizhu.day}     
			  ${sizhu.hours}
		</div><br/>
		<div id="shensha">
			 神煞：   马星：${shensha.马星}|  贵人：${shensha.贵人}|  桃花：${shensha.桃花}|  禄神：${shensha.禄神}|  胎神：${shensha.胎神}
		</div><br/>
		<div id="jieqi">
			节气 ： ${jieqi.jieqiName}     元数
			 ${jieqi.shangZhongXia}
			 ${jieqi.yinYang}  ${jieqi.juNumber}
			 局
		</div><br/>
		<div id="zhifu">旬首 ： ${xunshou}     值符: ${zhifuxing}
			    值使: ${zhishimen}</div><br/>
		<div id="kongwang">时干空亡 ： ${kongwang}  日干空亡 ： ${rigankongwang}</div><br/>
		<table class="table">
			<tbody>
			<tr class="trBox">
				<td data="4" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.four}</td>
						</tr>
						<tr>
							<td>${xing1.four} ${tianpangan1.four}</td>
						</tr>
						<tr>
							<td>${men1.four} ${dipangan1.four}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="9" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.nine}</td>
						</tr>
						<tr>
							<td>${xing1.nine} ${tianpangan1.nine}</td>
						</tr>
						<tr>
							<td>${men1.nine} ${dipangan1.nine}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="2" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.two}</td>
						</tr>
						<tr>
							<td>${xing1.two} ${tianpangan1.two}</td>
						</tr>
						<tr>
							<td>${men1.two} ${dipangan1.two}</td>
						</tr>
						</tbody>
					</table>
				</td>
			</tr>
			<tr class="trBox">
				<td data="3" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.three}</td>
						</tr>
						<tr>
							<td>${xing1.three} ${tianpangan1.three}</td>
						</tr>
						<tr>
							<td>${men1.three} ${dipangan1.three}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="5" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${dipangan1.five}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="7" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.seven}</td>
						</tr>
						<tr>
							<td>${xing1.seven} ${tianpangan1.seven}</td>
						</tr>
						<tr>
							<td>${men1.seven} ${dipangan1.seven}</td>
						</tr>
						</tbody>
					</table>
				</td>
			</tr>
			<tr class="trBox">
				<td data="8" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.eight}</td>
						</tr>
						<tr>
							<td>${xing1.eight} ${tianpangan1.eight}</td>
						</tr>
						<tr>
							<td>${men1.eight} ${dipangan1.eight}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="1" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.one}</td>
						</tr>
						<tr>
							<td>${xing1.one} ${tianpangan1.one}</td>
						</tr>
						<tr>
							<td>${men1.one} ${dipangan1.one}</td>
						</tr>
						</tbody>
					</table>
				</td>
				<td data="6" class="tdBox">
					<table>
						<tbody>
						<tr>
							<td>${shen1.six}</td>
						</tr>
						<tr>
							<td>${xing1.six} ${tianpangan1.six}</td>
						</tr>
						<tr>
							<td>${men1.six} ${dipangan1.six}</td>
						</tr>
						</tbody>
					</table>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
</div>
</body>

</html>